<template>
  <div class="InspectDetail">
    <jxtech-basic-header :breadcrumbMappingUrl="InspectIndexUrl">
      <template #extra>
        <jxtech-back-button @click='InspectDetailState.backhandler'></jxtech-back-button>
      </template>
    </jxtech-basic-header>

    <inspect-detail-com ref="InspectDetailComRef"></inspect-detail-com>
  </div>
</template>

<script lang="ts" setup>
import { InspectIndexUrl } from "/@/views/personnel/mapping.json"
import InspectDetailCom from "./component/inspect-detail.vue"
import { reactive, ref } from "vue"
import { useRouter } from "vue-router"
const router = useRouter()
const InspectDetailComRef = ref()
const InspectDetailState = reactive({
  backhandler: () => router.go(-1)
})
</script>

<style lang="scss" scoped>
.InspectDetail {
  height: 100%;
}
</style>
